<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/course_04.css">
    <link rel="stylesheet" href="css/timerollrt.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2272347_tvlf0bppfh.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/public.js"></script>
</head>

<body>
    <script src="./public/header.js"></script>
    <!-- <div class="header"></div> -->
    <!-- 课程入口 -->
    <div class="container course_wrap clearfix">
        <div class="row course_content clearfix">

            <!-- 简介 -->
            <div class="col-xs-12 col-md-6 col-md-offset-1 course_brief_wrap clearfix">
                <div class="page-header">
                    <h1 class="visible-xs text-center">全方位入门 git
                    </h1>
                    <h1 class="hidden-xs">全方位入门 git
                    </h1>
                </div>
                <div class="col-md-12  section_wrap">
                    <div class="row section_box">
                        <div class="list-group section_list">
                            <h4>一、Git 快速入门</h4>
                            <p> 入门后建议通过本站详细学习 Git 教程。
                                Git 完整命令手册地址：<a href="http://git-scm.com/docs">http://git-scm.com/docs</a>
                            </p>
                            <p>1·进入网址阅读手册</p>
                            <h4>二、Git 安装配置</h4>
                            <p>在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。
                                Git 各平台安装包下载地址为：<a href="http://git-scm.com/downloads">http://git-scm.com/downloads</a>
                                <img src="https://www.runoob.com/wp-content/uploads/2015/02/20140127131250906" alt="">
                            </p>
                            <p>1·下载Git并完成安装 2·熟悉Git工具</p>
                            <h4>三、git init</h4>
                            <p>Git 使用 git init 命令来初始化一个 Git 仓库，Git 的很多命令都需要在 Git 的仓库中运行，所以 git init 是使用 Git 的第一个命令。

                                在执行完成 git init 命令后，Git 仓库会生成一个 .git 目录，该目录包含了资源的所有元数据，其他的项目目录保持不变。</p>
                            <p>1·生成.git文件并查看里面的内容</p>
                            <h4>四、git clone</h4>
                            <p>我们使用 git clone 从现有 Git 仓库中拷贝项目</p>
                            <p>1·尝试从Git中拷贝项目</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 单元章节 -->
            <div class="col-xs-12 col-md-3 col-md-offset-1 section_wrap">
                <div class="well well-lg detail_head">
                    <img src="img/user.jpg" class="img-circle detail_user_pic">
                    <ul class="detail_head_box">
                        <li data-toggle="modal" data-target="#myModal">
                            <i class="iconfont icon-shangwutubiao-"></i>
                            <p>任务目标</p>
                        </li>
                        <li data-toggle="modal" data-target="#myModal">
                            <i class="iconfont icon-jindu"></i>
                            <p>任务进度</p>
                        </li>
                        <li data-toggle="modal" data-target="#myModal">
                            <i class="iconfont icon-chengji"></i>
                            <p>任务成绩</p>
                        </li>
                    </ul>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-12 time_roller">
                        <div class="col-xs-5 col-md-5 timeleft">
                            <div data-toggle="modal" data-target="#myModal">阅读任务目标</div>
                            <div data-toggle="modal" data-target="#myModal">下载素材练习</div>
                            <div data-toggle="modal" data-target="#myModal">查看任务成绩</div>
                        </div>

                        <div class="col-xs-2 col-md-2  timecenter">
                            <div class="timebox">
                                <ul class="ciclebox">
                                    <li class="cicle"></li>
                                    <li class="cicle"></li>
                                    <li class="cicle"></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-xs-5 col-md-5 timeright">
                            <div data-toggle="modal" data-target="#myModal">观看视频教程</div>
                            <div data-toggle="modal" data-target="#myModal">完成课后游戏</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./public/footer.js"></script>

    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        模态框（Modal）标题
                    </h4>
                </div>
                <div class="modal-body">
                    在这里添加一些文本
                </div>
                <!-- <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary">
                        提交更改
                    </button>
                </div> -->
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->

</body>

</html>